/*reset 使用插件可忽略*/
*{
    vertical-align: baselinebaseline;    
    font-size: 100%;    
    border: none;    
    padding: 0;    
    margin: 0; 
}
body {width:100%; }
ol, ul {    
    list-style: none; 
}
fieldset, img { border:0; vertical-align:top; }
a { color:#000; text-decoration:none; cursor:pointer; outline: none;}
a img, :link img, :visited img {   
       border:0px; 
       text-decoration: none;
       vertical-align: middle;   
}
/*reset end*/

/*样式根据需要更改 最好带上父元素.slide,提高优先级 此处的next和prev为调用插件时设置的按钮属性nextClass/prevClass的值*/
.slide .prev{
    left: -50px;
}
.slide .next{
    right: -50px;
}
/*轮播导航图标样式，这里的ul.page的page为调用插件时设置的page属性的值,根据需要修改自己想要的样式效果*/
.slide ul.page{
    bottom: 4px;
}
/*此处page原理同上 ,轮播导航图标非当前图标样式,*/
.slide ul.page li{
    cursor: pointer;
    color: #000;
    width: 20px;
    height: 20px;
    background: #ccc;
    text-align: center;
    margin: 0 5px;
}
/* 此处page原理同上 ,on为当前图片的图标样式*/
.slide ul.page li.on{
    color: ffffff;
    background: #a1d7fd;
}